<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
    <link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet"/>
    <link href="/module/jeDate/jedate.css" rel="stylesheet"/>
    <style type="text/css">
        .table > tbody > tr > td {
            vertical-align: middle;
        }
    </style>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding: 0px">
    <div class="main-container container-fluid">
        <div class="page-container">
            <div class="col-md-2 col-sm-2 col-xs-12" style="padding: 0px;">
                <div class="widget flat radius-bordered">
                    <div class="widget-header bg-lightred">
                        <span class="widget-caption">党组织机构</span>
                    </div>
                    <div class="widget-body">
                        <ul id="tree" class="ztree"></ul>
                    </div>
                </div>
            </div>
            <div class="col-md-10 col-sm-10 col-xs-12" style="padding: 0px">
                <div class="widget-header bordered-bottom bordered-palegreen">
                    <span class="widget-caption">届次信息</span>
                </div>
                <form class="form-horizontal" id="form1">
                    <table class="table table-hover table-striped table-bordered">
                        <tr>
                            <td width="20%">当前党组织：</td>
                            <td width="30%" colspan="3"><input placeholder="当前党组织" type="text" name="partyOrgId" id="partyOrgId" class="form-control" readonly="readonly"></td>
                        </tr>
                        <tr>
                            <td width="20%">领导集体届次：</td>
                            <td width="30%"><input placeholder="领导集体届次" type="text" name="election" id="election" class="form-control" maxlength="100"></td>
                            <td width="20%">领导集体当选日期：</td>
                            <td width="30%"><input placeholder="领导集体当选日期" type="text" name="electionTime" id="electionTime" class="form-control" maxlength="20" readonly="readonly"></td>
                        </tr>
                        <tr>
                            <td width="20%">产生方式：</td>
                            <td width="30%"><select name="createType" id="createType" class="form-control">
                                <option value="1">差额</option>
                                <option value="2">等额</option>
                                <option value="3">其他</option>
                            </select></td>
                            <td width="20%">届满日期：</td>
                            <td width="30%"><input placeholder="届满日期" type="text" name="endTime" id="endTime" class="form-control" readonly="readonly"></td>
                        </tr>
                        <tr>
                            <td width="20%">应到人数：</td>
                            <td width="30%"><input placeholder="应到人数" type="number" name="due" id="due" class="form-control" maxlength="10">
                            </td>
                            <td width="20%">实到人数：</td>
                            <td width="30%"><input placeholder="实到人数" type="number" name="actual" id="actual" class="form-control" maxlength="10"></td>
                        </tr>
                        <tr>
                            <td colspan="4" align="center">
                                <a id="createbut" href="javascript:void(0);" class="btn btn-primary js-add-save">保&nbsp;&nbsp;存</a>
                                <a style="display: none;" id="updatabut" href="javascript:void(0);" class="btn btn-maroon">更&nbsp;&nbsp;改</a>
                                <a style="display: none;" id="delbut" href="javascript:void(0);" class="btn btn-danger shiny">删&nbsp;&nbsp;除</a>
                            </td>
                        </tr>
                    </table>
                </form>
                <div class="widget-header bordered-bottom bordered-palegreen" style="margin-top: 20px">
                    <span class="widget-caption">委员会成员</span><a class="btn btn-azure js-btn" style="float: right;margin-right: 10px">添加委员</a>
                </div>
                <div class="widget-body">
                    <table id="myTable"></table>
                </div>
            </div>
        </div>
        <div class="modal fade bs-example-modal-lg" id="wydiv" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
            <div class="modal-dialog">
                <div class="modal-content">

                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myLargeModalLabel">添加委员</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal form-bordered" role="form" id="form2">
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">${i18n('system.sortNo')}：</label>
                                <div class="col-sm-9">
                                    <input type="number" class="form-control" name="sortNo" id="sortNo" placeholder="${i18n('system.sortNo')}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">委员姓名：</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="partyMember" name="partyMember" placeholder="委员姓名" readonly="readonly" opt-id="partyMember" onclick="selectPartyMember(this,'false');">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">兼职标识：</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="workFlag" name="workFlag" style="border-radius: 0px;">
                                        <option value="1">兼职</option>
                                        <option value="2">专职</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">任职方式：</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="takeType" name="takeType" style="border-radius: 0px;">
                                        <option value="1">党委决定任职</option>
                                        <option value="2">差额选举</option>
                                        <option value="3">等额选举</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">党内职务：</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="govPost" name="govPost" placeholder="党内职务" readonly="readonly">
                                    <div id="govPostContent" class="menuContent">
                                        <ul id="govPostTree" class="ztree"></ul>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">任职起始日期：</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="workBeginTime" name="workBeginTime" placeholder="任职起始日期" readonly="readonly">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">任职结束日期：</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="workEndTime" name="workEndTime" placeholder="任职结束日期" readonly="readonly">
                                </div>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-warning" data-dismiss="modal">${i18n('cancel')}</button>
                        <button type="button" class="btn btn-primary js-save">${i18n('save')}</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>
</div>
<div id="orgselectdiv"></div>
<div id="attachselect"></div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/jeDate/jeDate.js"></script>
<script type="text/javascript" src="/module/govselect/govselect.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-${localeLangCountry()}.js"></script>
<script type="text/javascript" src="/gobal/js/page/partyorg/election.js"></script>
</body>
</html>
